<!DOCTYPE html>
<html>
{% load staticfiles %}
  {% block head %}{% endblock %}
<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
	<title>{% block title %}个人资料 {% endblock %}</title>
	<link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/animate.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'js/plugins/queryCity/css/cityLayout.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/lq.datetimepick.css' %}"/>

{% block custom_css %}
{% endblock %}
    <script src="{% static 'js/jquery.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/jquery-migrate-1.2.1.min.js' %}" type="text/javascript"></script>

</head>
<body>
<section class="headerwrap headerwrap2">
    <header>
		<div  class="header2 header">
 			<div class="top">
				<div class="wp">
					<div class="fl"><p style="	font-size: 18px;">健身平台欢迎你！</p></div>
					<!--登录后跳转-->
                        {% if request.user.is_authenticated %}
                        <div class="personal">
                            <dl class="user fr">
                                 <dd ><a style="color: white" class="fr" href="{% url 'users:logout' %}">退出</a></dd>
                                       <dd>{% if request.user.type == 'tea' %}
                                         <a class="personcenter fl"  style="color: white" href="{% url 'teacher:teacher_info' %}">个人中心</a>
                                    {% else %}
	                                    <a class="personcenter fl" style="color: white" href="{% url 'users:user_info' %}">个人中心</a>
                                    {% endif %}</dd>
                                <dt ><img width="20" height="20" src="{{ MEDIA_URL }}{{ request.user.image }}"/></dt>
                                <dd style="margin-left: 0px;">{{ user.username }}</dd>

                            </dl>
                        </div>
                    {% else %}
                        <a style="color:white ;font-size:15px " class="fr registerbtn" href="{% url 'register' %}">免费注册</a>
                        <a style="color:white;font-size:15px" class="fr loginbtn" href="{% url 'login' %}">登录</a>
                    {% endif %}
				</div>
			</div>

            
    <div class="middle">
        <div class="wp">
            <a href="/"><img class="fl" src="/static/images/logo.png"/></a>
        </div>
    </div>
			</div>
    </header>
</section>



<!--crumbs start-->
{% block custom_bread %}
<section>
	<div class="wp">
		<ul  class="crumbs">
			<li><a href="{% url 'index' %}">首页</a>></li>
			<li><a href="{% url 'users:user_info' %}">个人中心</a>></li>
			<li>个人信息</li>
		</ul>
	</div>
</section>
{% endblock %}
<section>
	<div class="wp list personal_list">
	<div class="left">
        <ul>
            <li class="active2"><a href="{% url 'users:user_info' %}">
                <img src="/static/images/512/android-contact.png" class="ima">
                个人信息管理</a></li>
            <li ><a href="{% url 'users:member' %}">
             <img src="/static/images/512/social-foursquare-outline.png"class="ima">
                开通会员</a></li>
            <li ><a href="{% url 'users:myfavtea' %}">
                <img src="/static/images/512/compose.png"class="ima">订阅教练</a></li>
            <li ><a href="{% url 'users:myfavcou' %}"> <img src="/static/images/512/ios7-heart.png" class="ima">收藏教程</a></li>
            <li ><a href="{% url 'users:sign' %}"> <img src="/static/images/512/android-calendar.png" class="ima">签到</a></li>
        </ul>
	</div>

    {% block right_content %}
    <div class="right">
		<div class="personal_des ">
			<div class="head" style="border:1px solid #eaeaea;">
				<h1>个人信息</h1>
			</div>
			<div class="inforcon">
				<div class="left" style="width:242px;">
                    <iframe id='frameFile' name='frameFile' style='display: none;'></iframe>
                    <form class="clearfix" id="jsAvatarForm" enctype="multipart/form-data" autocomplete="off" method="post" action="/user/avatar/upload/" target='frameFile'>
                        <label class="changearea" for="avatarUp">
                            <span id="avatardiv" class="pic">
                                <img width="100" height="100" class="js-img-show" id="avatarShow" src="/uploads/avatar/default_big.png"/>
                            </span>
                            <span class="fl upload-inp-box" style="margin-left:70px;">
                                <span class="button btn-green btn-w100" id="jsAvatarBtn">修改头像</span>
                                <input type="file" name="avatar_url" id="avatarUp" class="js-img-up"/>
                            </span>
                        </label>
                    </form>
                    <div style="border-top:1px solid #eaeaea;margin-top:30px;">
                        <a class="button btn-green btn-w100" id="jsUserResetPwd" style="margin:80px auto;width:100px;">修改密码</a>
                    </div>
				</div>

			</div>
		</div>
	</div>
    {% endblock %}

	</div>
</section>



<div class="dialog" id="jsDialog">
    <div class="successbox dialogbox" id="jsSuccessTips">
        <h1>成功提交</h1>
        <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
        <div class="cont">
            <h2>您的需求提交成功！</h2>
            <p></p>
        </div>
    </div>
    <!--提示弹出框-->
    <div class="bidtips dialogbox promptbox" id="jsComfirmDialig">
        <h1>确认提交</h1>
        <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
        <div class="cont">
            <h2>您确认提交吗？</h2>
            <dd class="autoTxtCount">
                <div class="button">
                    <input type="button" class="fl half-btn" value="确定" id="jsComfirmBtn"/>
                    <span class="fr half-btn jsCloseDialog">取消</span>
                </div>
            </dd>
        </div>
    </div>


</div>
<div class="bg" id="dialogBg"></div>

<script src="{% static 'js/deco-user.js' %}"></script>
<script src="{% static 'js/selectUi.js' %}" type='text/javascript'></script>
<script type="text/javascript" src="{% static 'js/plugins/laydate/laydate.js' %}"></script>
<script src="{% static 'js/plugins/layer/layer.js' %}"></script>
<script src="{% static 'js/plugins/queryCity/js/public.js' %}" type="text/javascript"></script>
<script src="{% static 'js/unslider.js' %}" type="text/javascript"></script>
<script src="{% static 'js/plugins/jquery.scrollLoading.js' %}"  type="text/javascript"></script>
<script src="{% static 'js/validateDialog.js' %}"  type="text/javascript"></script>
<script src="{% static 'js/deco-common.js' %}"  type="text/javascript"></script>

<script src='{% static 'js/plugins/jquery.upload.js' %}' type='text/javascript'></script>
<script src="{% static 'js/validate.js' %}" type="text/javascript"></script>
<script>
 var start = {

  elem: '#birthday',//选择ID为START的input
  event:'click',
  format: 'YYYY-MM-DD',//自动生成的时间格式
  istime: true,//必须填入时间
  istoday: false, //是否是当天
  start: laydate.now(0,"YYYY-MM-DD"), //设置开始时间为当前时间

  choose: function(datas){
    end.min = datas; //开始日选好后，重置结束日的最小日期
    end.start = datas //将结束日的初始值设定为开始日

  }

 };
 laydate(start)
</script>
{% block custom_js %}
{% endblock %}

</body>
</html>
